[#include "../html.ftl" /]
[@html]
    [@head title="DB Adminer - 安全中心" css=["fw", "error"] /]
    [@body class="fw-grey-bg"]
        <div class="am-g db-logo">
            <div class="am-u-sm-centered am-radius">
                <table>
                    <tr>
                        <td rowspan="2" >
                            <div class='basicInfo-left'>
                                <img class="icon" src="${ctx}/osfw/framework/error/img/logo.jpg" alt="DB Adminer"/>
                            </div>
                        </td>
                        <td height="30px" class="am-text-primary am-kai am-text-bottom am-text-lg"><b>DB Adminer</b></td>
                    </tr>
                    <tr>
                        <td height="22px" class="am-text-default am-kai am-text-top am-text-xs"><b>网页版数据库管理</b></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="am-g db-link">
            <div class="am-thumbnail am-u-sm-centered am-radius" style="width: 600px;height: 416px;">
                <img src="${ctx}/osfw/framework/error/img/bg_link.jpg" class="am-radius" alt="DB Adminer" />
                <div class="timeout">授权登录有效期：<span id="timeout" data-timeout="1">${timeout!}</span> 秒</div>
                <figcaption class="am-thumbnail-caption">
                    <div class="am-cf am-sans-serif db-link-toolbar">
                        <p class="am-fl am-text-left am-ellipsis am-margin-0 db-link-title" title="${tempUrl!}" style="font-size: 1.6rem;">
                            您即将去往：<span class="am-text-primary">${tempUrl!}</span>
                        </p>
                        <a class="am-btn am-btn-lg am-btn-primary am-fr db-link-btn " href="#" data-href="${tempUrl!}" onclick="go(this)" style="font-size: 1.6rem;">继续</a>
                    </div>
                </figcaption>
            </div>
        </div>

        [@fixedFooter/]

        [@script js=["fw", "error"] ]
            <!-- 自定义js -->
            <script type="text/javascript">
                function go(obj) {
                    $(obj).addClass("am-disabled");
                    location.replace($(obj).data("href"));
                }
            </script>
        [/@script]
    [/@body]
[/@html]